<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>自在民生</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
		<link href="../../css/life_housekeeper/index.css" rel="stylesheet" />
		<script src="../../js/statistics.js"></script>
		<style>
			.hint{
				text-align:center;
				height:20px;
				line-height:20px;
				color:#b2b2b2;
				margin-top:10px;
				font-size:12px;
			}
			.space div li .no_click{
				color:#b2b2b2;
			}
			.mui-table-view-cell{
				padding-left:0;
				padding-right:0PX;
			}
			.content_title{
				padding-left:15px;
			}
			.mui-table-view-cell>a:not(.mui-btn).mui-active{
				background:none;
			}
			.header a{
				color:#fff;
			}
			.content_title{
				font-size:15px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">自在民生</h1>
		</header>
		<div class='mui-content'>
			<div class='mui-row'>
				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell list_title'>
						<h2 class="content_title" style="font-size:15px;">政务公开</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom">
						<li class='mui-table-view-cell'   onclick="add('http://www.kuaicha.info/lawMobile/lawArea.html?province=山东&city=临沂市&block=河东区','老赖曝光')">
							<img  src="../../images/icon/executive_housekeeper/exposure.png" alt="" />
							<p>老赖曝光</p>
							<!--<a href="http://www.kuaicha.info/lawMobile/lawArea.html?province=%E6%B1%9F%E8%8B%8F&city=%E5%B8%B8%E5%B7%9E%E5%B8%82&block=%E6%BA%A7%E9%98%B3%E5%B8%82"></a>-->

						</li>
					</div>


					<div class="mui-col-xs-4 left border-lr   border_bottom" ahref="../yellowPages/index.html">
						<li class='mui-table-view-cell yellowPages'>
							<img  src="../../images/icon/executive_housekeeper/almanac.png" alt="" />
							<p>公共黄页</p>
							<a href="../yellowPages/index.html"></a>
						</li>
					</div>

					<div class="mui-col-xs-4 left border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/TJ-H.png" alt="" />
							<p class='no_click'>统计公报</p>
							<!--<a href="statistical.html"></a>-->
						</li>
					</div>

				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left ">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/work.png" alt="" />
							<p class='no_click'>办事追踪</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left border-lr" >
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/vote.png" alt="" />
							<p class='no_click'>投票表决</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left" >
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/CPQ.png" alt="" />
							<p class='no_click'>问卷调查</p>
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell list_title'>
						<h2  class="content_title" style="font-size:15px;">婚育收养</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">

					<div class="mui-col-xs-4 left   border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/CM-H.png" alt="" />
							<p class='no_click'>新生儿重名查询</p>
						</li>
					</div>

					<div class="mui-col-xs-4  left border-lr  border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/HY-H.png" alt="" />
							<p class='no_click'>婚姻管理机构</p>
							<!--<a href="marriage.html"></a>-->
						</li>
					</div>
					<div class="mui-col-xs-4 left  border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/SHFL-H.png" alt="" />
							<p class='no_click'>社会福利院名录</p>
							<!--<a href="social_welfare.html"></a>-->
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell list_title'>
						<h2  class="content_title">教育与招考</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom" >
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/ZK-H.png" alt="" />
							<p class='no_click'>普通中考成绩查询</p>
							<!--<a href="medium.html"></a>-->
						</li>
					</div>

					<div class="mui-col-xs-4 left border-lr  border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/SYDW-H.png" alt="" />
							<p class='no_click'>事业单位招考</p>
							<!--<a href="institution_servant.html"></a>-->
						</li>


					</div>
					<div class="mui-col-xs-4 left   border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/GWY-H.png" alt="" />
							<p class='no_click'>公务员招考</p>
							<!--<a href="civil_list.html"></a>-->
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left  border-lr  " >
						
						<li class='mui-table-view-cell' >
							<img  src="../../images/icon/executive_housekeeper/XQHF-H.png" alt="" />
							<p class='no_click'>学区划分</p>
							<!--<a href="office.html"></a>-->
						</li>
					</div>
					<div class="mui-col-xs-4 left  border-lr  " >
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/CRGK.png" alt="" />
							<p class='no_click'>成人高考查询</p>
						</li>
						
					</div>
					<!--<div class="mui-col-xs-4 left">-->
						<!---->
					<!--</div>-->
				</div>

				<div class="mui-col-xs-12">
					<li class='mui-table-view-cell list_title'>
						<h2  class="content_title" style="font-size:15px;">社保与住房</h2>
					</li>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom" >
						<li class='mui-table-view-cell '>
							<img  src="../../images/icon/executive_housekeeper/ZFH.png" alt="" />
							<p class="no_click">住房保障公示</p>
						</li>
					</div>

					<div class="mui-col-xs-4 left border-lr  border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/CPF.png" alt="" />
							<p class='no_click'>公积金查询</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left   border_bottom">
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/FWh.png" alt="" />
							<p class='no_click'>房屋权属证明</p>
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left border_bottom" >
						<li class='mui-table-view-cell' >
							<img  src="../../images/icon/executive_housekeeper/SPH.png" alt="" />
							<p class='no_click'>商品房网签公示</p>
						</li>
					</div>

					<div class="mui-col-xs-4 left border-lr  border_bottom">
						<li class='mui-table-view-cell' >
							<img  src="../../images/icon/executive_housekeeper/GGH.png" alt="" />
							<p class='no_click'>产权异议公告</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left   border_bottom">
						<li class='mui-table-view-cell' >
							<img  src="../../images/icon/executive_housekeeper/WXH.png" alt="" />
							<p class='no_click'>维修基金查询</p>
						</li>
					</div>
				</div>
				<div class="mui-col-xs-12 space">
					<div class="mui-col-xs-4 left " >
						<li class='mui-table-view-cell'>
							<img  src="../../images/icon/executive_housekeeper/SH.png" alt="" />
							<p class='no_click'>社保查询</p>
						</li>
					</div>
					<div class="mui-col-xs-4 left" style='border-left:1px solid #f2f2f2;'>

					</div>
				</div>

				</div>



		</div>
		<p class='hint'>灰色项目暂不支持，我们将尽快开通</p>
		<script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
		<script src="../../plugins/mui/mui.min.js"></script>
		<!--<script src='../../js/executive_housekeeper/index.js'></script>-->
		<script src='../../js/fontset.js'></script>
		<!--<script type="text/javascript" src="../../js/judge.js" ></script>-->
		<script>
			mui.init();
			//页面跳转链接
			mui('.mui-row').on('tap','.yellowPages',function(e){
				var href=$(this).find("a").attr("href");
				console.log(href);
				mui.openWindow({
					url:'../yellowPages/index.html',//'河东黄页页面链接'
					id:'../yellowPages/index.html',
					show:{
						autoShow:true,//页面loaded事件发生后自动显示，默认为true
					},
					waiting:{
						autoShow:true,//自动显示等待框，默认为true
						title:'加载中...',//等待对话框上显示的提示内容
					}
				})
			});

			mui('.mui-row').on('tap','.next_page',function(e){
				var href=$(this).find("a").attr("href");
				console.log(href);
				mui.openWindow({
					url:href,//'河东黄页页面链接'
					id:href,
					
					show:{
						autoShow:true,//页面loaded事件发生后自动显示，默认为true
					},
					waiting:{
						autoShow:true,//自动显示等待框，默认为true
						title:'加载中...',//等待对话框上显示的提示内容
					}
				})
			});

			function add(a,b){
				console.log('点进去')
				mui.openWindow({
					url:'exposure.html',
					id:'exposure.html',
					show:{
						autoShow:true,//页面loaded事件发生后自动显示，默认为true
					},
					waiting:{
						autoShow:true,//自动显示等待框，默认为true
						title:'加载中...',//等待对话框上显示的提示内容
					},
					extras:{
						'link':a,
						'title':b,
						//自定义扩展参数，可以用来处理页面间传值
					},
				})
			}

		</script>
	</body>

</html>